<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css 背景和渐变</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<style>
    .bacImg{
        display: flex;
    }
    .imgLI{
        width: 60px;
        height: 60px;
        background-image: url("./xuebi.jpg");
        margin: 10px;
    }
</style>
<body>

    <div class="bacImg">
        <div class="imgLI" style="background-position: -13px -3px;" ></div>
        <div class="imgLI" style="background-position: 76px -3px;" ></div>
        <div class="imgLI" style="background-position: 136px -3px;" ></div>
        <div class="imgLI" style="background-position: -13px -98px;" ></div>
    </div>

</body>
</html>